<div class="control-group">
    <div class="controls" style="margin-left: 90px">
        <p><strong>Choose:</strong>  "Attribute Properties" you want to add</p>
        <div></div>
        <label class="checkbox inline" style="width: 80px"><input type="checkbox" name="readOnly" value="ordering">type</label>
        <label class="checkbox inline" style="width: 80px"><input type="checkbox" name="readOnly" value="ordering">multiplicity</label>
        <label class="checkbox inline" style="width: 80px"><input type="checkbox" name="readOnly" value="ordering">visibility</label>
        <div></div>
        <label class="checkbox inline" style="width: 80px"><input type="checkbox" name="readOnly" value="ordering">default</label>
        <label class="checkbox inline" style="width: 80px"><input type="checkbox" name="readOnly" value="ordering">constraint</label>
        <label class="checkbox inline" style="width: 80px"><input type="checkbox" name="readOnly" value="ordering">ordering</label>
        <div></div>
        <label class="checkbox inline" style="width: 80px"><input type="checkbox" name="readOnly" value="uniqueness">uniqueness</label>
        <label class="checkbox inline" style="width: 80px"><input type="checkbox" name="readOnly" value="readOnly">readOnly</label>
        <label class="checkbox inline" style="width: 80px"><input type="checkbox" name="readOnly" value="union">union</label>
        <div></div>
        <label class="checkbox inline" style="width: 80px"><input type="checkbox" name="readOnly" value="subsets">subsets</label>
        <label class="checkbox inline" style="width: 80px"><input type="checkbox" name="readOnly" value="redefines">redefines</label>
        <label class="checkbox inline" style="width: 80px"><input type="checkbox" name="readOnly" value="composite">composite</label>
    </div>
</div>

<script type="text/javascript">
    $(function(){

        $(".modal-body .multi-choose input[type=checkbox]").live("click",function(){
            //避免超出区域
            var height = $("#modal-attribute-add-multi .modal-body").height();
            $("#modal-attribute-add-multi .modal-body").css("maxHeight",height+36);
            //进行显示填写
            var label = $(this).parent().text();
            var trs = $(".modal-body .multi-input tr");
            for(var i=0;i<trs.length;i++){
                if(label === $(trs).eq(i).children("td").eq(0).text()){
                    var tr = $(trs).eq(i);
                    break;
                }
            }
            if($(this).attr("checked") === 'checked'){
                $(tr).show();
            }else{
                if($(tr).hasClass("fixed")){
                    if(window.confirm("do you really want to revise this info?")){
                        $(tr).removeClass("fixed");
                    }else{
                        return;
                    }
                }
                $(tr).hide();
            }
        })
    });
</script>